<template>
    <div class="box"></div>
</template>
<script>
export default{};
</script>
<style scoped>
.box{
    width: 200px;
    height: 200px;
    margin: 20px;
    background: red;
    transition: all 1s;
}
.box:hover{
    width: 400px;

    background: blue;
    transform:scale(2,3) translate(-100px,50px);
}
</style>